<template>
  <div>
    <el-row>
      <el-col :span="12">
        <el-form-item label="校验表名">
          <span>{{ form.tableName }}</span>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="12">
        <el-form-item
          label="规则类型"
          prop="ruleType"
          :rules="[
            { required: true, message: '请选择规则类型'}
          ]"
        >
          <el-select v-model="form.ruleType" placeholder="请选择" clearable style="width:260px">
            <el-option
              v-for="item in dict.dqc_rule_type"
              :key="item.id"
              :label="item.label"
              :value="item.value"
            />
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="预期耗时(分钟)" prop="expectedTime">
          <el-input v-model="form.expectedTime" placeholder="请输入" style="width: 260px" />
        </el-form-item>
      </el-col>
    </el-row>
    <el-row>
      <el-col>
        <el-form-item
          label="校验条件"
          prop="inspectCondition"
          :rules="[
            { required: true, message: '请输入校验条件'}
          ]"
        >
          <el-input
            v-model="form.inspectCondition"
            type="textarea"
            placeholder="请输入"
            :autosize="{ minRows: 5, maxRows: 10}"
            style="width: 940px"
          />
        </el-form-item>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="12">
        <el-form-item label="检查频率" prop="inspectFrequency">
          <el-radio-group v-model="form.inspectFrequency">
            <el-radio-button label="day">每日</el-radio-button>
            <el-radio-button label="season">每季</el-radio-button>
            <el-radio-button label="year">每年</el-radio-button>
          </el-radio-group>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item
          label="发送级别"
          prop="sendRank"
          :rules="[
            { required: true, message: '请选择发送级别'}
          ]"
        >
          <el-select v-model="form.sendRank" placeholder="请选择" clearable style="width:260px">
            <el-option
              v-for="item in dict.dqc_submit_level"
              :key="item.id"
              :label="item.label"
              :value="item.value"
            />
          </el-select>
        </el-form-item>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="12">
        <el-form-item label="执行方式" prop="runMode">
          <el-select v-model="form.runMode" placeholder="请选择" clearable style="width:260px">
            <el-option
              v-for="item in dict.dqc_execute_method_list"
              :key="item.id"
              :label="item.label"
              :value="item.value"
            />
          </el-select>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="告警起始日期" prop="targetConnPkId">
          <el-date-picker
            v-model="form.alarmStartDate"
            type="date"
            placeholder="请选择日期"
          />
        </el-form-item>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'DqcTaskList',
  dicts: ['dqc_rule_type', 'dqc_submit_level', 'dqc_execute_method_list'],
  props: {
    form: {
      required: true,
      type: Object
    }
  },
  data() {
    return {
    }
  },
  methods: {}
}
</script>

<style lang="scss" scoped>
</style>
